
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>{$data.form.name}</title>
        <link type="image/x-icon" href="/favicon.ico" rel="icon">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="format-detection" content="telephone=no">
        <link rel="stylesheet" href="__PUBLIC__/Home/default/css/style.css">
        <script src="__PUBLIC__/Home/default/js/jquery-2.1.4.min.js"></script>
        <script src="__PUBLIC__/Home/default/js/base.js"></script>
        <script type='text/javascript' src="__PUBLIC__/Operation/js/form/form.js"></script>
        <script type='text/javascript' src="__PUBLIC__/Operation/js/autovalidate/validate.js"></script>
        <link rel="stylesheet" type="text/css" href="__PUBLIC__/Operation/js/autovalidate/style.css" />
        <script type="text/javascript" charset="UTF-8" src="__PUBLIC__/Operation/js/artdialog/artDialog.js"></script>
        <script type="text/javascript" charset="UTF-8" src="__PUBLIC__/Operation/js/artdialog/plugins/iframeTools.js"></script>
        <link rel="stylesheet" type="text/css" href="__PUBLIC__/Operation/js/artdialog/skins/aero.css" />

        <script type='text/javascript' src="__PUBLIC__/Operation/js/artTemplate/artTemplate.js"></script>
        <script type='text/javascript' src="__PUBLIC__/Operation/js/artTemplate/artTemplate-plugin.js"></script>
        <script type='text/javascript' src="__PUBLIC__/Home/default/js/common.js"></script>
        <script type='text/javascript' src="__PUBLIC__/Home/default/js/site.js"></script>

        <meta name='keywords' content=''>
        <meta name='description' content=''></head>
    <body>
        <header class="header_box">
            <div class="header">
                <div class="header_goback">返回上一页</div>
                <h1 class="header_title">{$data.form.name}</h1>
            </div>
        </header>
        <!-- 头部结束 -->
        <section class="viewport">
            <script type="text/javascript" src="__PUBLIC__/Home/default/js/products.js"></script>
            <div id="pageInfo" data-title="商品详情"></div>
            <script src="__PUBLIC__/Home/default/js/jquery.slider.js"></script>
            <section>
                <!--货品ID，当为商品时值为空-->
                <input type='hidden' id='product_id' alt='货品ID' value='' />
                <!--商品相册 开始-->
                <section class="goods_foucs">
                    <ul>
                        <foreach name='data.goods_photo' item='item'>
                            <li class="swiper-slide"><img src="__ROOT__/{$item.img}" alt="商品图片"></li>
                        </foreach>
                    </ul>
                </section>
                <section class="good_info">
                    <header class="good_info_title">
                        <h1>{$data.form.name}</h1>
                        <p>编号：<span id="data_goodsNo">{$data.form.goods_no}</span></p>
                        <!-- 价格 -->
                        <!--当前用户普通价格-->
                        <em class="price">￥<span id="data_sellPrice">{$data.form.sell_price}</span></em>
                        <!-- 市场价格 -->
                        <del class="delprice">￥<span id="data_marketPrice">{$data.form.market_price}</span></del>
                    </header>
                    <!-- 库存和广告语 -->
                    <section class="goods_tip">
                        <p><em class="fr">库存:<span id="data_storeNums">{$data.form.sort}</span>件</em>预计3-7个工作日送达</p>
                    </section>
                    <!--商家信息 开始-->
                    <!--商家信息 结束-->
                    <!--  -->
                    <section class="good_type">

                        <!-- 循环商品属性结束 -->
                        <!-- 商品的数量调整 -->
                        <dl>
                            <dt>数量</dt>
                            <dd>
                                <div class="quantity">
                                    <em class="sub" id="buyReduceButton">-</em>
                                    <input class="num" id="buyNums" type="number" value="1">
                                    <em class="add" id="buyAddButton">+</em>
                                </div>
                            </dd>
                        </dl>
                    </section>
                    <!--  -->
                    <!-- <a class="see_more" href="">查看更多详情</a> -->
                    <section class="pro_tab">
                        <ul>
                            <li class="on">商品详情</li>
                            <li>商品评论</li>
                            <li>商品咨询</li>
                        </ul>
                    </section>
                    <section class="pro_con">
                        <div class="con">
                            <article class="article_detail">{$data.form.content}</article>
                        </div>
                        <div class="con none">
                            <div id='commentBox'></div>
                            <script type='text/html' id='commentRowTemplate'>
                                <div class="commet">
                                    <div class="user">
                                        <img src="/<%=head_ico%>" onerror="this.src='/views/mobile_fun/skin/default/image/user_ico.jpg'" />
                                    </div>
                                    <dl class="desc">
                                        <%=contents%>
                                    </dl>
                                </div>
                                <%if(recontents){%>
                                <div class="recommet">
                                    <div class="user"><img src="/views/mobile_fun/skin/default/image/admin_ico.png"></div>
                                    <div class="desc"><%=recontents%></div>
                                </div>
                                <%}%>
                                </script>
                            </div>
                            <div class="con none">
                                <a class="question_btn" href="/site/consult/id/39">我要咨询</a>
                                <div id='referBox'></div>
                                <!--购买咨询JS模板-->
                                <script type='text/html' id='referRowTemplate'>
                                    <div class="commet">
                                        <div class="user">
                                            <img src="/<%=head_ico%>" onerror="this.src='/views/mobile_fun/skin/default/image/user_ico.jpg'" />
                                        </div>
                                        <dl class="desc">
                                            <%=question%>
                                        </dl>
                                    </div>
                                    <%if(answer){%>
                                    <div class="recommet">
                                        <div class="user"><img src="/views/mobile_fun/skin/default/image/admin_ico.png"></div>
                                        <div class="desc"><%=answer%></div>
                                    </div>
                                    <%}%>

                                    </script>
                                </div>
                            </section>
                        </section>
                        <!--
                        <div class="btn_bottom_goods">
                            <ul class="btn_ico">
                                <li>
                                    <a href="/index.php">
                                        <i class="icon-home"></i>
                                        <span>首页</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="/cart.html">
                                        <i class="icon-shopping-cart"></i>
                                        <span>购物车</span>
                                    </a>
                                </li>
                            </ul>
                            <div class="btn_tab">
                                <span id="buyNowButton" class="btn_tab_submit pink">立即购买</span>
                                <span id="joinCarButton" class="btn_tab_submit blue">加入购物车</span>
                            </div>
                        </div>
                        -->
                        <a class="btn_buy" href="" title="立即结算">立即结算</a>
                    </section>
                    <script>
                        $(function(){
                            //初始化商品详情对象
                            var productInstance = new productClass("{$data.form.id}","","","0");
                            // 隐藏底部导航
                            $(".footer_nav").hide();
                            // 设置焦点图
                            $(".goods_foucs").MobileSlider({width:400,height:400});
                            $(".article_detail").find('*').each(function(){
                                var t = $(this);
                                if (t.attr("style")){t.attr("style","")};
                                if (t.attr("width")){t.attr("width","")};
                                if (t.attr("height")){t.attr("height","")};
                            });
                            $(".pro_tab").on('click', 'li', function(){
                                var t = $(this),i = t.index();
                                t.addClass('on').siblings('li').removeClass('on');
                                $(".pro_con").children('.con').eq(i).removeClass('none').siblings('.con').addClass('none');
                                //滑动按钮绑定事件
                                switch(i)
                                {
                                    case 1:
                                        {
                                            productInstance.comment_ajax();
                                        }
                                        break;

                                    case 2:
                                        {
                                            productInstance.refer_ajax();
                                        }
                                        break;

                                }
                            });
                        })
                    </script>

                </section>

                <!--页脚 结束-->
                <nav class="footer_nav">
                    <ul>
                        <li class="nav_home"><a href="/index.php"><i class="icon-home"></i><span>首页</span></a></li>
                        <li class="nav_menu"><a href="/site/sitemap"><i class="icon-reorder"></i><span>分类</span></a></li>
                        <li class="nav_cart"><a href="/cart.html"><i class="icon-shopping-cart"></i><span>购物车</span></a></li>
                        <li class="nav_user"><a href="/ucenter/index"><i class="icon-user"></i><span>我的</span></a></li>
                    </ul>
                </nav>
            </body>
        </html>